<template>
  <h1>我的订单</h1>
  <el-button type="primary" @click="qiehuan">切换</el-button>
  <div v-if="show1">
    <el-empty description="你还没有过历史消费"></el-empty>
  </div>
  <div v-if="show">
    <el-table :data="studentList" style="width: 100%" border stripe>
      <el-table-column fixed prop="id" label="订单编号"/>
      <el-table-column prop="name" label="日期"/>
      <el-table-column prop="birthday" label="待定"/>
      <el-table-column prop="sex" label="金额"/>
      <el-table-column prop="sex" label="操作">
        <template #default = scope>
          <el-button type="danger"  @click="del(scope.row)">删除</el-button>
        </template>
      </el-table-column>
    </el-table>
  </div>
</template>

<script>
export default {
  data() {
    return {
      show:false,
      show1:true,
    }
  },
  methods:{
    qiehuan(){
      if (this.show){
        this.show = false
      }else {
        this.show = true
      }
      if (this.show1){
        this.show1 = false
      }else {
        this.show1 = true
      }
    }
  }
}
</script>

<style scoped>

</style>